<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Reorder TreePanel</title>
<link rel="stylesheet" type="text/css" href="js/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="resources/ext.css"></link>
<link rel="stylesheet" type="text/css" href="resources/style.css"></link>
<script language="javascript" type="text/javascript" src="edit_area/edit_area_loader.js"></script>
</head>
<body scroll="no" id="docs">
<div id="loading">
    <div class="loading-indicator">Db-Explorer<br/>
        <img src="js/ext/resources/images/default/shared/loading-balls.gif" width="41" height="9"
             style="margin-right:8px;float:left;vertical-align:top;"/>
        <span id="loading-msg">Pobieranie stylów i obrazów...</span>
    </div>
</div>
<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Pobieranie głównego silnika...';</script>
 	<script type="text/javascript" src="js/ext/adapter/ext/ext-base-debug.js"></script>
 	<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Pobieranie komponentów graficznych...';</script>
    <script type="text/javascript" src="js/ext/ext-all-debug.js"></script>
	<script type="text/javascript" src="js/locale/ext-lang-pl.js"></script>
    <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Inicjalizacja...';</script>
	<script type="text/javascript">
		document.getElementById('loading-msg').innerHTML = 'Inicjalizacja...';
	</script>
	<script type="text/javascript" src="js/util/MultiSelect.js"></script>
	<script type="text/javascript" src="js/util/ItemSelector.js"></script>

	<link rel="stylesheet" type="text/css" href="ext.css" />

  <div id="header">
	<div class="api-title">DbExplorer 1.0 for Oracle</div>
  </div>
    <h1>MultiSelect &amp; ItemSelector</h1>

    <p>The js is not minified so it is readable. See <a href="multiselect-demo.js">multiselect-demo.js</a>.</p>
    
    <b>MultiSelect</b><br />

    <p>Press Save with no items selected to see an example of validation applied.</p>
    <div id="multiselect" class="demo-ct" style="margin-bottom:15px;"></div>
    
    <b>ItemSelector</b><br />

    <p>Supports drag and drop, double-click, button move/reorder, etc.
  <div id="main"></div>
  <script type="text/javascript">Ext.get('loading').fadeOut({remove: true, duration:.25});</script>
  	<script type="text/javascript">
  		var text="select * from towary";
		Ext.onReady(function(){
			Ext.QuickTips.init();
	var w = new Ext.Window({
		//width:500,
		//height:500,
		items:{		
			title:'Role',		
			layout:'form',		
			//height:350,		
			//border:false,		
			//autoScroll:true,
			//frame:true,
			bodyStyle:'padding:10px',		
			items:[				
				{					
					xtype:'itemselector',					
					name:'roles',
					//fieldLabel:' ',					
					imagePath: 'images/',				    
					drawUpIcon: false,				    
					drawDownIcon: false,
					drawTopIcon: false,
					drawBotIcon: false,					
					multiselects: [{
					    width: 250,
		                height: 200,
		                store: [[1,'one'],[2,'two'],[3,'tree'],[4,'foure'],[5,'five'],[6,'six'],[7,'seven'],[8,'aith'],[9,'9'],[10,'99'],[11,'89'],[12,'69'],[13,'84']],
		                displayField: 'name',
		                valueField: 'name'
		           	},{		                
				   		width: 250,		                
						height: 200,		                
						store: [['one']]		            
					}]				
				}		
			]	
		}
	});
	w.show();
	
		});
	</script>
	<div id="itemselector" class="demo-ct"></div>
  </body>
</html>